<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{commons :: top_head(~{::title})}">
    <title>关于我</title>
</head>
<body>
<!--导航栏-->
<nav th:replace="~{commons :: top_nav_bar(5)}"></nav><!--中间内容-->
<!--中间内容-->
<div class="cus-padding-top-bottom-massive">
    <div class="ui container">
        <div class="ui grid stackable">
            <div class="eleven wide column">
                <div class="ui segment">
                    <img th:src="@{/images/cover.jpg}" alt="个人信息图片占位符" class="ui rounded image">
                </div>
            </div>
            <div class="five wide column">
                <!--                标题-->
                <div class="ui top attached segment">
                    <div class="ui header">关于博客</div>
                </div>
                <!--                说明-->
                <div class="ui attached segment">
                    <p>个人信息介绍</p>
                    <p>个人信息介绍</p>
                </div>
                <div class="ui attached labels segment">
                    <div class="ui header">标签</div>
                    <div class="ui orange basic label">java</div>
                </div>
                <div class="ui attached labels segment">
                    <div class="ui header">爱好</div>
                    <div class="ui teal left pointing basic label">java</div>
                </div>
                <div class="ui bottom attached segment">
                    <div class="ui header">联系方式</div>
                    <a href="#" id="connect-qq-btn" class="ui teal circular icon button"><i class="iconfont icon-B"></i></a>
                </div>
                <div id="contact-qq" class="ui flowing popup transition hidden">
                    QQ:1594425336
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部内容-->
<footer th:replace="~{commons :: footer_nav_bar}"></footer>
</body>
<script type="text/javascript">
    $('#connect-qq-btn').popup({
        popup: $('#contact-qq'),
        on: 'click',
        position: 'top center'
    })
</script>
</html>